<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-cn">
<head>


	<!-- Bootstrap -->
	<include file="Include/css" />
	<title>商品管理主页</title>
	<link href="__STATICS__/css/index.css" rel="stylesheet">
	<link href="__STATICS__/css/new_qrcode.css" rel="stylesheet">

</head>
<body>
<include file="Include/nav_top" />
<div class="container clearfix" id="left_menu_wraper" >
	<include  file="Include/menu_left" />
		<div id="right-content">
			<div id="right-content-inner">
				<ul class="breadcrumb">
					<span>您的位置：</span>
					<li><a href="index2.html">首页</a> </li>
					<li class="">商品管理</li>
					<li class="">促销二维码</li>
					<li class="active">新建二维码</li>
				</ul>


				<div class="alert alert-danger  alert-dismissible" role="alert">

					<!--关闭按钮-->
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<!--内容-->
					<strong>温馨提示：</strong> 您的店铺已经300天没有交易了，请及时处理交易情况！
				</div>


				<!--<p>
					<button class="btn btn-orange">
						新建二维码
					</button>
				</p>-->





				<div role="tabpanel">

					<!-- Nav tabs -->
					<ul class="nav nav-tabs clearfix" role="tablist">
						<li role="presentation" class="active">
							<a href="#top_tab1" aria-controls="bottom_tab1" role="tab" data-toggle="tab">
								添加促销二维码
							</a>
						</li>
						<!--<li role="presentation" class="">
							<a href="#top_tab2" aria-controls="bottom_tab1" role="tab" data-toggle="tab">
								正在使用
							</a>
						</li>
						<li role="presentation" class="">
							<a href="#top_tab3" aria-controls="bottom_tab1" role="tab" data-toggle="tab">
								已结束
							</a>
						</li>-->
						<!--<div class="tabs_button_wraper">
							<button class="btn btn-danger">
								全部下架
							</button>

						</div>-->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active " id="top_tab1">

							<div class="thumbnail padding0">
								<div class="head_title padding5 ">
									<center>
										<strong >
											添加促销二维码
										</strong>
									</center>

								</div>
								<div class="padding10 clearfix ">
										<div class="row clearfix margin10 form-horizontal">
											<span class="pull-left ml10 form_bar">商品类别：</span>
											<div class="col-md-2">
												<select name="goods_cat" class="pull-left ml10 form-control" >
													<option value="1">1</option>
													<option value="2">2</option>
												</select>
											</div>
											<span class="pull-left ml30 form_bar">宝贝名称：</span>
											<div class="col-md-2">
												<input type="text" class="pull-left ml10 form-control"/>
											</div>

											<button class="pull-left btn btn-default ml20">
												搜索
											</button>
										</div>

									<table class="table table-striped table_qrcode">
										<!--<caption>标题</caption>-->
										<thead>
										<tr class="border">
											<th>商品名称</th>
											<th>售价</th>
											<th>销量</th>
											<th>库存</th>
											<th>上架时间</th>
										</tr>
										</thead>
										<tbody>
										<tr data-id="www.baidu.com" class="qr_tar" >
											<td class="text-align-left">
												<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

											</td>
											<td>5.20元</td>
											<td>100</td>
											<td>120件</td>
											<td>
												2015-11-11 00:00
											</td>

										</tr>
										<tr>
											<td class="text-align-left">
												<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

											</td>
											<td>5.20元</td>
											<td>100</td>
											<td>120件</td>
											<td>
												2015-11-11 00:00
											</td>

										</tr>
										<tr>
											<td class="text-align-left">
												<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

											</td>
											<td>5.20元</td>
											<td>100</td>
											<td>120件</td>
											<td>
												2015-11-11 00:00
											</td>

										</tr>
										<tr>
											<td class="text-align-left">
												<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt="">
												<span class="table_goods_text">
													旺旺雪饼旺旺雪饼旺旺雪饼
												</span>

											</td>
											<td>5.20元</td>
											<td>100</td>
											<td>120件</td>
											<td>
												2015-11-11 00:00
											</td>

										</tr>



										</tbody>
									</table>
									<ul class="pagination pull-right pagination-sm">
										<li class="disabled"><a href="#"><span aria-hidden="true">&laquo;</span><span class="sr-only">Previous</span></a></li>
										<li class="active"><a href="#">1</a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">3</a></li>
										<li><a href="#">4</a></li>
										<li><a href="#">5</a></li>
										<li><a href="#"><span aria-hidden="true">&raquo;</span><span class="sr-only">Next</span></a></li>
									</ul>
								</div>
							</div>


							<div class="thumbnail padding0">
								<div class="head_title padding5">
									<center>
										<strong >
											添加促销二维码
										</strong>
									</center>

								</div>
								<div class="row clearfix padding10">
									<!--<div class="col-md-4">
										<div class="col-md-12">
											<div class="control-group">
												<label class="control-label" for="inputEmail">Email</label>
												<div class="controls">
													<input type="text" id="inputEmail" placeholder="Email">
												</div>
											</div>
										</div>
										<div class="col-md-6">

										</div>
									</div>
									<div class="col-md-4">

									</div>-->

									<div class="form-horizontal clearfix">
										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">商品名称</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">最大参与人数</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
										</div>
										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">商品结算价</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">每人最大购买件数</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
										</div>
										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">商品最低售价</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">活动开始时间</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
										</div>
										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">商品现售价</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">活动结束时间</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>
										</div>
										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">二维码促销折扣</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>

										</div>
										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">商品折后售价</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>

										</div>

										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<label for="" class="control-label">商品数量</label>
												</div>
												<div class="col-md-6">
													<input type="text" class="form-control" id="" placeholder="">
												</div>
											</div>

										</div>


										<div class="clearfix col-md-12 margin10">
											<div class="col-md-4 clearfix">
												<div class="col-md-6 text_right">
													<button class="btn btn-orange">
														提交
													</button>
												</div>

											</div>

										</div>

										<p class="clearfix">

										</p>


									</div>



								</div>
							</div>













						</div>






					</div>



				</div>


			</div>

		</div>
</div>

<!--模态框-->
<div class="modal fade " tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="store_modal">
	<div class="modal-dialog ">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<h4 class="modal-title" id="exampleModalLabel">基本信息</h4>
			</div>
			<div class="modal-body">
				<div class="row clearfix">
					<div class="col-md-12   ">
						<div class="col-md-5">

							<div class="upload_wraper">
								<div class="logo_wraper thumbnail">
									<img src="images/qr_code.png" class="width100 img-rounded" alt="">
								</div>

								<button class="btn btn-default width100 mt20">下载二维码</button>
							</div>
						</div>
						<div class="col-md-6 pull-right">
							<p>商品名称：曼妥思</p>
							<p>商品结算价：100</p>
							<p>商品现售价：150</p>
							<p>二维码促销折扣：0.9</p>
							<p>最大参与人数：100</p>
							<p>每人最多购买件数：2</p>
							<p>活动开始时间：2015-12-12</p>
							<p>活动结束时间：2015-12-12</p>
							<p>
								<button class="btn btn-orange">
									结束活动
								</button>
								<button class="btn btn-orange ml10 btn_back">
									返回
								</button>

							</p>
						</div>
					</div>




				</div>
				<div role="tabpanel">

					<!-- Nav tabs -->
					<ul class="nav nav-tabs clearfix" role="tablist">
						<li role="presentation" class="active">
							<a href="#pop_tab1" aria-controls="pop_tab1" role="tab" data-toggle="tab">
								销售数据
							</a>
						</li>
						<!--<li role="presentation" class="">
                            <a href="#pop_tab2" aria-controls="pop_tab1" role="tab" data-toggle="tab">
                                正在使用
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#pop_tab3" aria-controls="pop_tab1" role="tab" data-toggle="tab">
                                已结束
                            </a>
                        </li>-->
						<!--<div class="tabs_button_wraper">
                            <button class="btn btn-danger">
                                全部下架
                            </button>

                        </div>-->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="pop_tab1">

							<table class="table ">
								<!--<caption>标题</caption>-->
								<thead>
								<tr>
									<th>已售数量</th>
									<th>剩余数量</th>
									<th>平均每日出售</th>
									<th>总销售额</th>
									<th>总利润</th>
								</tr>
								</thead>
								<tbody>
								<tr>

									<td>50</td>
									<td>50</td>
									<td>120件</td>
									<td>
										5000元
									</td>
									<td>
										90.00元
									</td>
								</tr>



								</tbody>
							</table>









						</div>

						<!--<div role="tabpanel" class="tab-pane" id="pop_tab2">

                        </div>

                        <div role="tabpanel" class="tab-pane" id="pop_tab3">

                        </div>-->

					</div>



				</div>
			</div>

		</div>
	</div>
</div>


<include file="Include/script" />
<script>
	/*菜单展开及高亮*/
		$(function(){
			$('.goods').addClass('open');
			$('#goods2').addClass('active');

			/*查看事件*/
			$('.store_look').on('click',function(){
				$('#store_modal').modal('show');
			});

			/*点击返回按钮关闭弹出框*/
			$('.btn_back').on('click',function(){
				$('#store_modal').modal('hide');
			});

			$('.qr_tar').on('click',function(){
				if($(this).attr('data-id') != undefined)
					window.location.href = $(this).attr('data-id');
			});
		});
</script>
</body>
</html>